<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="#i1">第一章</a>
    <a href="#i2">第二章</a>
    <a href="#i3">第三章</a>
    <a href="#i4">第四章</a>

    <div id="i1" style="height:600px;">第一章内容</div>
    <div id="i2" style="height:600px;">第二章内容</div>
    <div id="i3" style="height:600px;">第三章内容</div>
    <div id="i4" style="height:600px;">第四章内容</div>
</body>
</html>